//食物的类
class Food {
    //食物来说 吃完一次就重新刷新一次 加一次分
    //定义一个属性表示食物所对应的元素
    element:HTMLElement;

    constructor() {
        //有波浪线是因为这个id可能为空 获取不到  加个！ 获取页面中的food元素并将其复制给element
        this.element=document.getElementById('food')!;

    }
    //定义一个获取食物x,y轴坐标的方法
    get X(){
        return this.element.offsetLeft;
    }
    get Y(){
        return this.element.offsetTop;
    }
    //修改食物的位置
    change(){
        //生成一个随机的位置
        //食物的位置最小  是0 最大位置根据盒子宽高 不超过290
        //蛇移动一次就是一格 ，一格的大小就是10  所以要求食物的位置是10的倍数
        let top=  Math.round(Math.random()*29)*10;
        //Math.round向上取整
        let left =  Math.round(Math.random()*29)*10;
        this.element.style.left = left +'px';
        this.element.style.top = top +'px';
    }
}

//测试代码
// const food =new  Food();
// console.log(food.X,food.Y);
// food.change();
// console.log(food.X,food.Y);
export default Food;